<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>自助服务-${fns:getConfig('productName')} </title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <%@ include file="/WEB-INF/views/include/common.jsp" %>
    <script type="text/javascript">
        if("${message}" != ""){
            layer.msg("${message}");
        }
    </script>
</head>
<body>
    <audio src="${ctxStatic}/audio/welcome.mp3" id="audio1" hidden="true" autoplay="true">
    </audio>
<div class="page-header">
    <div class="row">
        <div class="col-md-offset-1 col-md-11">
            <h1>智能图书馆借还系统</h1>
        </div>
    </div>
</div>

<div class="row">
    <div class="main col-md-9">
        <div class="col-md-offset-2 col-md-8">
            <ul class="list-group" style="margin-top: 10%;">
                <li class="list-group-item active" style="height: 50px;"></li>
                <li class="list-group-item">
                    <div class="jumbotron">
                        <h1 style="text-align: center">欢迎使用自助借阅机</h1>
                        <h2 style="text-align: center">请按照语音提示操作</h2>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="right col-md-3">
        <div class="col-md-11">
            <a href="${cts}/tologin.do?toPage=borrow">
                <div class="blk" style="background: #13c6ef">
                    <div class="title">借书</div>
                    <div class="img-icon">
                        <img src="${ctxStatic}/images/book1.png"/>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-12">
            <a href="${cts}/return.do" target="_self">
                <div class="blk" style="background: #5e89ee">
                    <div class="title">还书</div>
                    <div class="img-icon">
                        <img src="${ctxStatic}/images/book2.png"/>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-12">
            <a href="${cts}/tologin.do?toPage=renew" target="_self">
                <div class="blk" style="background: #16cda2">
                    <div class="title">续借</div>
                    <div class="img-icon">
                        <img src="${ctxStatic}/images/book3.png"/>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-12">
            <a href="${cts}/bookinfo" target="_self">
                <div class="blk" style="background: rgba(22, 63, 87, 1)">
                    <div class="title">查询</div>
                    <div class="img-icon">
                        <img src="${ctxStatic}/images/search.png"/>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<%@ include file="/WEB-INF/views/include/footer.jsp" %>
</body>
</html>